<script setup lang="ts">
import Top from "./Top.vue";
import ResourceMastery from "./ResourceMastery.vue";
import ResourceDetails from "./ResourceDetails.vue";
</script>

<template>
	<div class="w-full bg-[#111217] min-h-full text-white select-none">
		<div class="top 2xl:h-12 flex justify-between item-padding items-center">
			<Top />
		</div>

		<div class="resource">
			<resource-mastery class="item-padding resource-mastery" />
			<ResourceDetails></ResourceDetails>
		</div>
	</div>
</template>

<style scoped lang="scss">
.item-padding {
	padding: 16px;
}
</style>
